<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <base href="${basePath}">
  <title>MagiCodeX</title>
  <link href="${libStatic `static/lib/base/base.css`}" rel="stylesheet" />
  <link href="${appStatic `static/app/home/index.css`}" rel="stylesheet" />
</head>

<body>
  <div class="top-nav">
    <div class="nav-back"></div>
    <a href="doc">${t `文档`}</a>
  </div>

  <div class="vertical-space">
  </div>

  <div class="center-panel">
    <div class="img-card">
      <img src="${appStatic `static/app/home/magic-girl-1.jpg`}" class="img-front">
      <img src="${appStatic `static/app/home/magic-girl-2.jpg`}" class="img-back">
    </div>
  </div>
</body>

<div class="bottom-bar">

  <div class="bottom-right">
    <span>|&nbsp;</span>
    <a class="bottom-link" href="login" target="_blank">${t `登录`}</a>
  </div>
</div>

</html>